#qqlist {padding-top:50px; text-align:center;}

.onservice {height:200px;}
.onservice .oimg, .onservice .oimg a, .onservice .circle, .onservice .circle1, .onservice .circle2, .onservice .circle3 {width:200px; height:200px;}

.onservice {margin-top:0; margin:0 45px; position:relative; z-index:5; display:inline-block;}
.onservice .oimg {border-radius:50%;  position:relative; z-index:2;}
.onservice .oimg a {border-radius:50%; overflow:hidden; display:block; background-size:cover; background-repeat:no-repeat; background-position:top center;}
.onservice .oimg a:hover {transform:scale(0.9);}

.onservice .circle, .onservice .circle1, .onservice .circle2, .onservice .circle3 {position:absolute; top:0; left:0; border-radius:50%; z-index:1; transform:scale(1,1);}
.onservice .circle {background:rgba(187,23,36,0.25); }
.onservice .circle1 {background:rgba(218,76,32,0.25);}
.onservice .circle2 {background:rgba(218,52,65,0.25);}
.onservice .circle3 {background:rgba(218,119,74,0.25);}

.onservice_on .circles .c-1,.onservice_on .circles1 .c-1,.onservice_on .circles2 .c-1,.onservice_on .circles3 .c-1 {animation:osanimate 1.2s infinite;}
.onservice_on .circles .c-2,.onservice_on .circles1 .c-2,.onservice_on .circles2 .c-2,.onservice_on .circles3 .c-2 {animation:osanimate 1.5s infinite;}
.onservice_on .circles .c-3,.onservice_on .circles1 .c-3,.onservice_on .circles2 .c-3,.onservice_on .circles3 .c-3 {animation:osanimate 2.2s infinite;}

@keyframes osanimate {
	0% {transform:scale(0.98,0.98);}
	50% {transform:scale(1.2,1.2);}
	100% {transform:scale(0.95,0.95);}
}